<html>
  <head>
    
  </head>
  <body>
    <div>
      <div>
	<canvas id="frame" width="500" height="500" style="border:1px solid"></canvas>
      </div>
      <div>
	<form name="config" onsubmit="return false;">
	  Canvas Size: <br />
	  <input name="xres" type="text" value="500" ></input><br/>
	  <input name="yres" type="text" value="500" ></input><br/>
	  <input type="submit" name="chsize" value="Change Canvas Size" onclick="onSizeChange()"/><br />
	  <input type="submit" name="render" value="Start Render" onclick="startRender()"/><br />
	  Render Resolution: <input type="text" name="rend_xres" onkeyup="changeTraceResolution()" value="1" size="3"/>,<input type="text" size="3" name="rend_yres" onkeyup="changeTraceResolution()" value="1"/><br />
	  Box filter post processing: <br />
	  <input type="radio" name="box" value="0" checked="true" onchange="changeFilter(this)">None</input><br />
	  <input type="radio" name="box" value="1" onchange="changeFilter(this)">Smoothing</input><br />
	  <input type="radio" name="box" value="2" onchange="changeFilter(this)">Sharpening</input><br />
	  <input type="radio" name="box" value="3" onchange="changeFilter(this)">Motion Blur</input><br />
	  <input type="submit" value="Post Process" onclick="post_process()" /><br />

	  Lighting Options: <br />
	  <input type="checkbox" name="ambient" value="1" onchange="changeLighting()" checked="true">Ambient Light</input><br />
	  <input type="checkbox" name="diffuse" value="1" onchange="changeLighting()" checked="true">Diffuse Light</input><br />
	  <input type="checkbox" name="specular" value="1" onchange="changeLighting()" checked="true">Specular Light</input><br />
	</form>
      </div>
    </div>
    <script src="global.js"></script>
    <script src="prototype.js"></script>
    <script src="matrix.js"></script>
    <script src="display.js"></script>
    <script src="raytracing.js"></script>
    <script src="filter.js"></script>
    <script src="texture.js"></script>
    <script src="render.js"></script>
    <script src="ui.js"></script>
  </body>
</html>
